<template>
  <div class="subContainer">
    <div id="sub-container"></div>
  </div>
</template>

<script lang="jsx" setup>
import { start } from 'qiankun'
import { onMounted } from 'vue'

onMounted(() => {
  if (!window.qiankunStarted) {
    window.qiankunStarted = true
    start()
  }
})
</script>

<style lang="less" scoped>
.subContainer {
  // padding: 10px;
  // width: calc(100% - 20px);
  width: 100%;
  // min-height: 100%;
  min-height: calc(100% - 124px);

  > #sub-container {
    width: 100%;
    // min-height: calc(100vh - 48px);
    height: 100%;
  }
}
</style>
